<template>
  <div>
    <p>语文:{{score1}}</p>
    <p>数学:{{score2}}</p>
    <p>总分:{{total}}</p>
  </div>
</template>

<script>
export default {
  data(){
    return {
      score1:90,
      score2:100

    }
  },
  computed:{
    // 计算属性:计算属性 computer
    // 1.一个函数就是一个计算属性
    // 2.函数必须有 return 返回值
    // 3.不能和data里面的数据重名
    // 4.使用时不用加括号,当属性来使用,和data的使用方法类似
    total(){
      return this.score1+this.score2
    }
  }

}
</script>

<style>

</style>